<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>游客流量</title>
    <link rel="shortcut icon" href="images/product.ico" />
    <!-- 引入bootstrap样式 -->
    <link rel="stylesheet" href="./style/bootstrap.min.css">
    <!-- 初始化浏览器样式 -->
    <link rel="stylesheet" href="./style/initial.css">
    <!-- 引入消费样式 -->
    <link rel="stylesheet" href="./style/tourists.css">
    <!-- 引入jQuery文件 -->
    <script src="./script/jquery.js"></script>
    <!-- 引入bootstrap.js文件 -->
    <script src="./script/bootstrap.min.js"></script>
    <script src="./script/common.js"></script>
    <!-- 引入echarts.min文件 -->
    <script src="./script/echarts.min.js"></script>
    <script src="./script/overWalls.js"></script>
    <style type="text/css">
        ::-webkit-scrollbar{
            display:none;
        }
    </style>
</head>

<body scroll="no">
<div id="background" class="background" style="display: none; "></div>
<div id="progressBar" class="progressBar" style="display: none; ">数据加载中，请稍等...</div>
    <!-- 标题 -->
    <div id="header_box" class="row">
        <div id="header" class="col-lg-12 col-md-8">
            游客流量
        </div>
    </div>
    <!-- 内容 -->
    <div id="content">
        <div class="row">
            <div class="col-md-7" style="border-right: 1px solid rgba(0,218,238,0.4);">
                <div class="box-header"></div>
                <div class="box-content">
                    <div class="col-md-5">
                        <div class="tourist_box tourist_box_today">
                            <p class="tourist_now num_title_3">今日游客累计人数</p>
                            <span class="now_num tourists_lose_today num_title_4"><!--今日实时累计游客数--></span><span class="relative_num">较昨日实时<span id="increase"><!--增加或减少--></span><span id="yesterday"><!--人数--></span>人</span>
                        </div>
                        <div class="tourist_box">
                            <p class="tourist_year">今年游客累计人数</p>
                            <span class="now_num visitors_year"><!--今年实时累计游客数--></span> <span class="relative_num">较去年<span id="year_increase"><!--增加或减少--></span><span id="visitors_year_num"><!--人数--></span>人</span>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="stay_time_box">
                            <div class="title_icon">
                                <img src="./images/title_arrow.png" alt="">
                                停留时长分布
                            </div>
                            <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
                            <div id="year_consume"></div>
                        </div>
                    </div>
                    <div  class="col-md-12">
                        <div class="title_icon">
                            <img src="./images/title_arrow.png" alt="">
                            日客流量
                        </div>
                        <div id="passenger"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-5" style="padding-left: 4vh;">
                <div class="box-header"></div>
                <div class="heatmap_title_box">
                    <div class="title_icon">
                        <img src="./images/title_arrow.png" alt="">
                        景点单日客流量排行
                    </div>
                    <!-- 景点单日客流量排行 -->
                    <div id="scenic_spot_flow"></div>
                </div>
                <div class="year_consume_box">
                    <div class="title_icon">
                        <img src="./images/title_arrow.png" alt="">
                        景点单日停留时长排行
                    </div>
                    <!-- 景点单日停留时长排行 -->
                    <div id="scenic_spot_date"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 退出按钮 -->
    <div id="quitBtn">
        <img src="./images/home_icon_nor@1x.png" alt="">
        <a href="index.html">返回首页</a>
    </div>
    <!-- 时间 -->
    <div id="showTime"></div>
    <!-- 引入自定义js文件 -->
    <script src="./script/tourists.js"></script>
</body>

</html>